@charset "utf-8";
@import "./ico.css";
@navy:#001F3F;
@blue:#0074D9;
@aqua:#7FDBFF;
@teal:#39CCCC;
@olive:#3D9970;
@green:#2ECC40;
@lime:#01FF70;
@yellow:#FFDC00;
@orange:#FF851B;
@red:#FF4136;
@maroon:#85144B;
@fuchsia:#F012BE;
@purple:#B10DC9;
@black:#111111;
@gray:#AAAAAA;
@silver:#DDDDDD;
@white:#FFFFFF;
@c:#138CF7;
@color:#333;
//Reset
body,html{line-height:1.4; color:#333;font-family:arial;font-size: 14px;}
input,textarea,select{font-size:100%;font-family:inherit;margin:0;vertical-align:-2px;padding:.4em;border-radius:.2em;border:1px solid #ddd;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0;}
h4,h5,h6{font-size:1em;}
ul,ol{padding-left:0; list-style-type:none;}
dl,dt,dd{padding:0;margin:0;}
a img{border:0;}
img{border:0;}
table{border-spacing:0;}
//公用
a{text-decoration: none;font-size:12px;}
.a:hover{color:inherit;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));}
// 布局
.l{float:left;}
.r{float:right;}
.cll{clear:left;}
.clr{clear:right;}
.cl{clear:both;}
.rel{position: relative;}
.abs{position: absolute;}
.fixed{position:fixed;}
.db{display: block;}
.dn{display: none;}
.dib{display: inline-block;}
.di{display: inline;}
.auto {margin-left: auto; margin-right: auto; }
//宽度
.w0{width: 0px!important;}
.w5{width: 5px!important;}
.w10{width: 10px!important;}
.w20{width: 20px!important;}
.w25{width: 25px!important;}
.w30{width: 30px!important;}
.w35{width: 35px!important;}
.w40{width: 40px!important;}
.w50{width: 50px!important;}
.w60{width: 60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w90{width: 90px!important;}
.w100{width:100px!important;}
.w110{width:110px!important;}
.w120{width:120px!important;}
.w130{width:130px!important;}
.w140{width:140px!important;}
.w150{width:150px!important;}
.w200{width:200px!important;}
.w250{width:250px!important;}
.w300{width:300px!important;}
.w350{width:350px!important;}
.w400{width:400px!important;}
.w450{width:450px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}
.w700{width:700px!important;}
.w800{width:800px!important;}
.w900{width:900px!important;}
.w950{width:950px!important;}
.w980{width:980px!important;}
.w1000{width:1000px!important;}
.w1100{width:1100px!important;}
.w1200{width:1200px!important;}
.pct5{width:5%!important;}
.pct10 { width: 10%!important; }
.pct15 { width: 15%!important; }
.pct20 { width: 20%!important; }
.pct25 { width: 25%!important; }
.pct30 { width: 30%!important; }
.pct33 { width: 33.333333333%!important; }
.pct35 { width: 35%!important; }
.pct40 { width: 40%!important; }
.pct45 { width: 45%!important; }
.pct50 { width: 50%!important; }
.pct55 { width: 55%!important; }
.pct60 { width: 60%!important; }
.pct65 { width: 65%!important; }
.pct66 { width: 66.666666667%!important; }
.pct70 { width: 70%!important; }
.pct75 { width: 75%!important; }
.pct80 { width: 80%!important; }
.pct85 { width: 85%!important; }
.pct90 { width: 90%!important; }
.pct95 { width: 95%!important; }
.pct100 { width: 100%!important; }
.h0{height: 0px!important;}
.h10{height: 10px!important;}
.h20{height: 20px!important;}
.h25{height: 25px!important;}
.h30{height: 30px!important;}
.h35{height: 35px!important;}
.h40{height: 40px!important;}
.h50{height: 50px!important;}
.h60{height: 60px!important;}
.h70{height: 70px!important;}
.h80{height: 80px!important;}
.h90{height: 90px!important;}
.h100{height: 100px!important;}
.h200{height: 200px!important;}
.h300{height: 300px!important;}
.h400{height: 400px!important;}
.h500{height: 500px!important;}
.h600{height: 600px!important;}
.h700{height: 700px!important;}
.h800{height: 800px!important;}
.h900{height: 900px!important;}
.h1000{height: 1000px!important;}
.lh10{line-height: 10px!important;}
.lh20{line-height: 20px!important;}
.lh25{line-height: 25px!important;}
.lh30{line-height: 30px!important;}
.lh35{line-height: 35px!important;}
.lh40{line-height: 40px!important;}
.lh50{line-height: 50px!important;}
.lh60{line-height: 60px!important;}
.lh70{line-height: 70px!important;}
.lh80{line-height: 80px!important;}
.lh90{line-height: 90px!important;}
.lh100{line-height: 100px!important;}
.lh200{line-height: 200px!important;}
.lh300{line-height: 300px!important;}
.lh400{line-height: 400px!important;}
.lh500{line-height: 500px!important;}
.lh600{line-height: 600px!important;}
.lh700{line-height: 700px!important;}
.lh800{line-height: 800px!important;}
.lh900{line-height: 900px!important;}
.lh1000{line-height: 1000px!important;}
//颜色
.navy5{color:(@navy)+100!important;} 
.navy4{color:(@navy)+80!important;} 
.navy3{color:(@navy)+60!important;} 
.navy2{color:(@navy)+40!important;} 
.navy1{color:(@navy)+20!important;} 
.navy{color:@navy!important;} 
.navy-1{color:(@navy)-20!important;} 
.navy-2{color:(@navy)-40!important;} 
.navy-3{color:(@navy)-60!important;} 
.navy-4{color:(@navy)-80!important;} 
.navy-5{color:(@navy)-100!important;} 
.blue5{color:(@blue)+100!important;} 
.blue4{color:(@blue)+80!important;} 
.blue3{color:(@blue)+60!important;} 
.blue2{color:(@blue)+40!important;} 
.blue1{color:(@blue)+20!important;} 
.blue{color:@blue!important;} 
.blue-1{color:(@blue)-20!important;} 
.blue-2{color:(@blue)-40!important;} 
.blue-3{color:(@blue)-60!important;} 
.blue-4{color:(@blue)-80!important;} 
.blue-5{color:(@blue)-100!important;} 
.aqua5{color:(@aqua)+100!important;} 
.aqua4{color:(@aqua)+80!important;} 
.aqua3{color:(@aqua)+60!important;} 
.aqua2{color:(@aqua)+40!important;} 
.aqua1{color:(@aqua)+20!important;} 
.aqua{color:@aqua!important;} 
.aqua-1{color:(@aqua)-20!important;} 
.aqua-2{color:(@aqua)-40!important;} 
.aqua-3{color:(@aqua)-60!important;} 
.aqua-4{color:(@aqua)-80!important;} 
.aqua-5{color:(@aqua)-100!important;} 
.teal5{color:(@teal)+100!important;} 
.teal4{color:(@teal)+80!important;} 
.teal3{color:(@teal)+60!important;} 
.teal2{color:(@teal)+40!important;} 
.teal1{color:(@teal)+20!important;} 
.teal{color:@teal!important;} 
.teal-1{color:(@teal)-20!important;} 
.teal-2{color:(@teal)-40!important;} 
.teal-3{color:(@teal)-60!important;} 
.teal-4{color:(@teal)-80!important;} 
.teal-5{color:(@teal)-100!important;} 
.olive5{color:(@olive)+100!important;} 
.olive4{color:(@olive)+80!important;} 
.olive3{color:(@olive)+60!important;} 
.olive2{color:(@olive)+40!important;} 
.olive1{color:(@olive)+20!important;} 
.olive{color:@olive!important;} 
.olive-1{color:(@olive)-20!important;} 
.olive-2{color:(@olive)-40!important;} 
.olive-3{color:(@olive)-60!important;} 
.olive-4{color:(@olive)-80!important;} 
.olive-5{color:(@olive)-100!important;} 
.green5{color:(@green)+100!important;} 
.green4{color:(@green)+80!important;} 
.green3{color:(@green)+60!important;} 
.green2{color:(@green)+40!important;} 
.green1{color:(@green)+20!important;} 
.green{color:@green!important;} 
.green-1{color:(@green)-20!important;} 
.green-2{color:(@green)-40!important;} 
.green-3{color:(@green)-60!important;} 
.green-4{color:(@green)-80!important;} 
.green-5{color:(@green)-100!important;} 
.lime5{color:(@lime)+100!important;} 
.lime4{color:(@lime)+80!important;} 
.lime3{color:(@lime)+60!important;} 
.lime2{color:(@lime)+40!important;} 
.lime1{color:(@lime)+20!important;} 
.lime{color:@lime!important;} 
.lime-1{color:(@lime)-20!important;} 
.lime-2{color:(@lime)-40!important;} 
.lime-3{color:(@lime)-60!important;} 
.lime-4{color:(@lime)-80!important;} 
.lime-5{color:(@lime)-100!important;} 
.yellow5{color:(@yellow)+100!important;} 
.yellow4{color:(@yellow)+80!important;} 
.yellow3{color:(@yellow)+60!important;} 
.yellow2{color:(@yellow)+40!important;} 
.yellow1{color:(@yellow)+20!important;} 
.yellow{color:@yellow!important;} 
.yellow-1{color:(@yellow)-20!important;} 
.yellow-2{color:(@yellow)-40!important;} 
.yellow-3{color:(@yellow)-60!important;} 
.yellow-4{color:(@yellow)-80!important;} 
.yellow-5{color:(@yellow)-100!important;} 
.orange5{color:(@orange)+100!important;} 
.orange4{color:(@orange)+80!important;} 
.orange3{color:(@orange)+60!important;} 
.orange2{color:(@orange)+40!important;} 
.orange1{color:(@orange)+20!important;} 
.orange{color:@orange!important;} 
.orange-1{color:(@orange)-20!important;} 
.orange-2{color:(@orange)-40!important;} 
.orange-3{color:(@orange)-60!important;} 
.orange-4{color:(@orange)-80!important;} 
.orange-5{color:(@orange)-100!important;} 
.red5{color:(@red)+100!important;} 
.red4{color:(@red)+80!important;} 
.red3{color:(@red)+60!important;} 
.red2{color:(@red)+40!important;} 
.red1{color:(@red)+20!important;} 
.red{color:@red!important;} 
.red-1{color:(@red)-20!important;} 
.red-2{color:(@red)-40!important;} 
.red-3{color:(@red)-60!important;} 
.red-4{color:(@red)-80!important;} 
.red-5{color:(@red)-100!important;} 
.maroon5{color:(@maroon)+100!important;} 
.maroon4{color:(@maroon)+80!important;} 
.maroon3{color:(@maroon)+60!important;} 
.maroon2{color:(@maroon)+40!important;} 
.maroon1{color:(@maroon)+20!important;} 
.maroon{color:@maroon!important;} 
.maroon-1{color:(@maroon)-20!important;} 
.maroon-2{color:(@maroon)-40!important;} 
.maroon-3{color:(@maroon)-60!important;} 
.maroon-4{color:(@maroon)-80!important;} 
.maroon-5{color:(@maroon)-100!important;} 
.fuchsia5{color:(@fuchsia)+100!important;} 
.fuchsia4{color:(@fuchsia)+80!important;} 
.fuchsia3{color:(@fuchsia)+60!important;} 
.fuchsia2{color:(@fuchsia)+40!important;} 
.fuchsia1{color:(@fuchsia)+20!important;} 
.fuchsia{color:@fuchsia!important;} 
.fuchsia-1{color:(@fuchsia)-20!important;} 
.fuchsia-2{color:(@fuchsia)-40!important;} 
.fuchsia-3{color:(@fuchsia)-60!important;} 
.fuchsia-4{color:(@fuchsia)-80!important;} 
.fuchsia-5{color:(@fuchsia)-100!important;} 
.purple5{color:(@purple)+100!important;} 
.purple4{color:(@purple)+80!important;} 
.purple3{color:(@purple)+60!important;} 
.purple2{color:(@purple)+40!important;} 
.purple1{color:(@purple)+20!important;} 
.purple{color:@purple!important;} 
.purple-1{color:(@purple)-20!important;} 
.purple-2{color:(@purple)-40!important;} 
.purple-3{color:(@purple)-60!important;} 
.purple-4{color:(@purple)-80!important;} 
.purple-5{color:(@purple)-100!important;} 
.silver5{color:(@silver)+100!important;} 
.silver4{color:(@silver)+80!important;} 
.silver3{color:(@silver)+60!important;} 
.silver2{color:(@silver)+40!important;} 
.silver1{color:(@silver)+20!important;} 
.silver{color:@silver!important;} 
.silver-1{color:(@silver)-20!important;} 
.silver-2{color:(@silver)-40!important;} 
.silver-3{color:(@silver)-60!important;} 
.silver-4{color:(@silver)-80!important;} 
.silver-5{color:(@silver)-100!important;} 
.gray5{color:(@gray)+100!important;} 
.gray4{color:(@gray)+80!important;} 
.gray3{color:(@gray)+60!important;} 
.gray2{color:(@gray)+40!important;} 
.gray1{color:(@gray)+20!important;} 
.gray{color:@gray!important;} 
.gray-1{color:(@gray)-20!important;} 
.gray-2{color:(@gray)-40!important;} 
.gray-3{color:(@gray)-60!important;} 
.gray-4{color:(@gray)-80!important;} 
.gray-5{color:(@gray)-100!important;} 
.color5{color:(@color)+100!important;} 
.color4{color:(@color)+80!important;} 
.color3{color:(@color)+60!important;} 
.color2{color:(@color)+40!important;} 
.color1{color:(@color)+20!important;} 
.color{color:@color!important;} 
.color-1{color:(@color)-20!important;} 
.color-2{color:(@color)-40!important;} 
.color-3{color:(@color)-60!important;} 
.color-4{color:(@color)-80!important;} 
.color-5{color:(@color)-100!important;} 
.black5{color:(@black)+100!important;} 
.black4{color:(@black)+80!important;} 
.black3{color:(@black)+60!important;} 
.black2{color:(@black)+40!important;} 
.black1{color:(@black)+20!important;} 
.black{color:@black!important;} 
.black-1{color:(@black)-20!important;} 
.black-2{color:(@black)-40!important;} 
.black-3{color:(@black)-60!important;} 
.black-4{color:(@black)-80!important;} 
.black-5{color:(@black)-100!important;} 
.white5{color:(@white)+100!important;} 
.white4{color:(@white)+80!important;} 
.white3{color:(@white)+60!important;} 
.white2{color:(@white)+40!important;} 
.white1{color:(@white)+20!important;} 
.white{color:@white!important;} 
.white-1{color:(@white)-20!important;} 
.white-2{color:(@white)-40!important;} 
.white-3{color:(@white)-60!important;} 
.white-4{color:(@white)-80!important;} 
.white-5{color:(@white)-100!important;} 
//背景颜色
.bgfb { background-color: #fbfbfb; }
.bgf5 { background-color: #f5f5f5; }
.bgf0 { background-color: #f0f0f0; }
.bgeb { background-color: #ebebeb; }
.bge0 { background-color: #e0e0e0; }

.bgnavy5{background-color:(@navy)+100!important;} 
.bgnavy4{background-color:(@navy)+80!important;} 
.bgnavy3{background-color:(@navy)+60!important;} 
.bgnavy2{background-color:(@navy)+40!important;} 
.bgnavy1{background-color:(@navy)+20!important;} 
.bgnavy{background-color:@navy!important;} 
.bgnavy-1{background-color:(@navy)-20!important;} 
.bgnavy-2{background-color:(@navy)-40!important;} 
.bgnavy-3{background-color:(@navy)-60!important;} 
.bgnavy-4{background-color:(@navy)-80!important;} 
.bgnavy-5{background-color:(@navy)-100!important;} 
.bgblue5{background-color:(@blue)+100!important;} 
.bgblue4{background-color:(@blue)+80!important;} 
.bgblue3{background-color:(@blue)+60!important;} 
.bgblue2{background-color:(@blue)+40!important;} 
.bgblue1{background-color:(@blue)+20!important;} 
.bgblue{background-color:@blue!important;} 
.bgblue-1{background-color:(@blue)-20!important;} 
.bgblue-2{background-color:(@blue)-40!important;} 
.bgblue-3{background-color:(@blue)-60!important;} 
.bgblue-4{background-color:(@blue)-80!important;} 
.bgblue-5{background-color:(@blue)-100!important;} 
.bgaqua5{background-color:(@aqua)+100!important;} 
.bgaqua4{background-color:(@aqua)+80!important;} 
.bgaqua3{background-color:(@aqua)+60!important;} 
.bgaqua2{background-color:(@aqua)+40!important;} 
.bgaqua1{background-color:(@aqua)+20!important;} 
.bgaqua{background-color:@aqua!important;} 
.bgaqua-1{background-color:(@aqua)-20!important;} 
.bgaqua-2{background-color:(@aqua)-40!important;} 
.bgaqua-3{background-color:(@aqua)-60!important;} 
.bgaqua-4{background-color:(@aqua)-80!important;} 
.bgaqua-5{background-color:(@aqua)-100!important;} 
.bgteal5{background-color:(@teal)+100!important;} 
.bgteal4{background-color:(@teal)+80!important;} 
.bgteal3{background-color:(@teal)+60!important;} 
.bgteal2{background-color:(@teal)+40!important;} 
.bgteal1{background-color:(@teal)+20!important;} 
.bgteal{background-color:@teal!important;} 
.bgteal-1{background-color:(@teal)-20!important;} 
.bgteal-2{background-color:(@teal)-40!important;} 
.bgteal-3{background-color:(@teal)-60!important;} 
.bgteal-4{background-color:(@teal)-80!important;} 
.bgteal-5{background-color:(@teal)-100!important;} 
.bgolive5{background-color:(@olive)+100!important;} 
.bgolive4{background-color:(@olive)+80!important;} 
.bgolive3{background-color:(@olive)+60!important;} 
.bgolive2{background-color:(@olive)+40!important;} 
.bgolive1{background-color:(@olive)+20!important;} 
.bgolive{background-color:@olive!important;} 
.bgolive-1{background-color:(@olive)-20!important;} 
.bgolive-2{background-color:(@olive)-40!important;} 
.bgolive-3{background-color:(@olive)-60!important;} 
.bgolive-4{background-color:(@olive)-80!important;} 
.bgolive-5{background-color:(@olive)-100!important;} 
.bggreen5{background-color:(@green)+100!important;} 
.bggreen4{background-color:(@green)+80!important;} 
.bggreen3{background-color:(@green)+60!important;} 
.bggreen2{background-color:(@green)+40!important;} 
.bggreen1{background-color:(@green)+20!important;} 
.bggreen{background-color:@green!important;} 
.bggreen-1{background-color:(@green)-20!important;} 
.bggreen-2{background-color:(@green)-40!important;} 
.bggreen-3{background-color:(@green)-60!important;} 
.bggreen-4{background-color:(@green)-80!important;} 
.bggreen-5{background-color:(@green)-100!important;} 
.bglime5{background-color:(@lime)+100!important;} 
.bglime4{background-color:(@lime)+80!important;} 
.bglime3{background-color:(@lime)+60!important;} 
.bglime2{background-color:(@lime)+40!important;} 
.bglime1{background-color:(@lime)+20!important;} 
.bglime{background-color:@lime!important;} 
.bglime-1{background-color:(@lime)-20!important;} 
.bglime-2{background-color:(@lime)-40!important;} 
.bglime-3{background-color:(@lime)-60!important;} 
.bglime-4{background-color:(@lime)-80!important;} 
.bglime-5{background-color:(@lime)-100!important;} 
.bgyellow5{background-color:(@yellow)+100!important;} 
.bgyellow4{background-color:(@yellow)+80!important;} 
.bgyellow3{background-color:(@yellow)+60!important;} 
.bgyellow2{background-color:(@yellow)+40!important;} 
.bgyellow1{background-color:(@yellow)+20!important;} 
.bgyellow{background-color:@yellow!important;} 
.bgyellow-1{background-color:(@yellow)-20!important;} 
.bgyellow-2{background-color:(@yellow)-40!important;} 
.bgyellow-3{background-color:(@yellow)-60!important;} 
.bgyellow-4{background-color:(@yellow)-80!important;} 
.bgyellow-5{background-color:(@yellow)-100!important;} 
.bgorange5{background-color:(@orange)+100!important;} 
.bgorange4{background-color:(@orange)+80!important;} 
.bgorange3{background-color:(@orange)+60!important;} 
.bgorange2{background-color:(@orange)+40!important;} 
.bgorange1{background-color:(@orange)+20!important;} 
.bgorange{background-color:@orange!important;} 
.bgorange-1{background-color:(@orange)-20!important;} 
.bgorange-2{background-color:(@orange)-40!important;} 
.bgorange-3{background-color:(@orange)-60!important;} 
.bgorange-4{background-color:(@orange)-80!important;} 
.bgorange-5{background-color:(@orange)-100!important;} 
.bgred5{background-color:(@red)+100!important;} 
.bgred4{background-color:(@red)+80!important;} 
.bgred3{background-color:(@red)+60!important;} 
.bgred2{background-color:(@red)+40!important;} 
.bgred1{background-color:(@red)+20!important;} 
.bgred{background-color:@red!important;} 
.bgred-1{background-color:(@red)-20!important;} 
.bgred-2{background-color:(@red)-40!important;} 
.bgred-3{background-color:(@red)-60!important;} 
.bgred-4{background-color:(@red)-80!important;} 
.bgred-5{background-color:(@red)-100!important;} 
.bgmaroon5{background-color:(@maroon)+100!important;} 
.bgmaroon4{background-color:(@maroon)+80!important;} 
.bgmaroon3{background-color:(@maroon)+60!important;} 
.bgmaroon2{background-color:(@maroon)+40!important;} 
.bgmaroon1{background-color:(@maroon)+20!important;} 
.bgmaroon{background-color:@maroon!important;} 
.bgmaroon-1{background-color:(@maroon)-20!important;} 
.bgmaroon-2{background-color:(@maroon)-40!important;} 
.bgmaroon-3{background-color:(@maroon)-60!important;} 
.bgmaroon-4{background-color:(@maroon)-80!important;} 
.bgmaroon-5{background-color:(@maroon)-100!important;} 
.bgfuchsia5{background-color:(@fuchsia)+100!important;} 
.bgfuchsia4{background-color:(@fuchsia)+80!important;} 
.bgfuchsia3{background-color:(@fuchsia)+60!important;} 
.bgfuchsia2{background-color:(@fuchsia)+40!important;} 
.bgfuchsia1{background-color:(@fuchsia)+20!important;} 
.bgfuchsia{background-color:@fuchsia!important;} 
.bgfuchsia-1{background-color:(@fuchsia)-20!important;} 
.bgfuchsia-2{background-color:(@fuchsia)-40!important;} 
.bgfuchsia-3{background-color:(@fuchsia)-60!important;} 
.bgfuchsia-4{background-color:(@fuchsia)-80!important;} 
.bgfuchsia-5{background-color:(@fuchsia)-100!important;} 
.bgpurple5{background-color:(@purple)+100!important;} 
.bgpurple4{background-color:(@purple)+80!important;} 
.bgpurple3{background-color:(@purple)+60!important;} 
.bgpurple2{background-color:(@purple)+40!important;} 
.bgpurple1{background-color:(@purple)+20!important;} 
.bgpurple{background-color:@purple!important;} 
.bgpurple-1{background-color:(@purple)-20!important;} 
.bgpurple-2{background-color:(@purple)-40!important;} 
.bgpurple-3{background-color:(@purple)-60!important;} 
.bgpurple-4{background-color:(@purple)-80!important;} 
.bgpurple-5{background-color:(@purple)-100!important;} 
.bgsilver5{background-color:(@silver)+100!important;} 
.bgsilver4{background-color:(@silver)+80!important;} 
.bgsilver3{background-color:(@silver)+60!important;} 
.bgsilver2{background-color:(@silver)+40!important;} 
.bgsilver1{background-color:(@silver)+20!important;} 
.bgsilver{background-color:@silver!important;} 
.bgsilver-1{background-color:(@silver)-20!important;} 
.bgsilver-2{background-color:(@silver)-40!important;} 
.bgsilver-3{background-color:(@silver)-60!important;} 
.bgsilver-4{background-color:(@silver)-80!important;} 
.bgsilver-5{background-color:(@silver)-100!important;} 
.bggray5{background-color:(@gray)+100!important;} 
.bggray4{background-color:(@gray)+80!important;} 
.bggray3{background-color:(@gray)+60!important;} 
.bggray2{background-color:(@gray)+40!important;} 
.bggray1{background-color:(@gray)+20!important;} 
.bggray{background-color:@gray!important;} 
.bggray-1{background-color:(@gray)-20!important;} 
.bggray-2{background-color:(@gray)-40!important;} 
.bggray-3{background-color:(@gray)-60!important;} 
.bggray-4{background-color:(@gray)-80!important;} 
.bggray-5{background-color:(@gray)-100!important;} 
.bgcolor5{background-color:(@color)+100!important;} 
.bgcolor4{background-color:(@color)+80!important;} 
.bgcolor3{background-color:(@color)+60!important;} 
.bgcolor2{background-color:(@color)+40!important;} 
.bgcolor1{background-color:(@color)+20!important;} 
.bgcolor{background-color:@color!important;} 
.bgcolor-1{background-color:(@color)-20!important;} 
.bgcolor-2{background-color:(@color)-40!important;} 
.bgcolor-3{background-color:(@color)-60!important;} 
.bgcolor-4{background-color:(@color)-80!important;} 
.bgcolor-5{background-color:(@color)-100!important;} 
.bgblack9{background-color:(@black)+90!important;} 
.bgblack8{background-color:(@black)+80!important;} 
.bgblack7{background-color:(@black)+70!important;} 
.bgblack6{background-color:(@black)+60!important;} 
.bgblack5{background-color:(@black)+50!important;} 
.bgblack4{background-color:(@black)+40!important;} 
.bgblack3{background-color:(@black)+30!important;} 
.bgblack2{background-color:(@black)+20!important;} 
.bgblack1{background-color:(@black)+10!important;} 
.bgblack{background-color:@black!important;} 
.bgwhite{background-color:@white!important;} 
.bgwhite-1{background-color:(@white)-10!important;} 
.bgwhite-2{background-color:(@white)-15!important;} 
.bgwhite-3{background-color:(@white)-20!important;} 
.bgwhite-4{background-color:(@white)-25!important;} 
.bgwhite-5{background-color:(@white)-35!important;} 
.bgwhite-6{background-color:(@white)-40!important;} 
.bgwhite-7{background-color:(@white)-45!important;} 
.bgwhite-8{background-color:(@white)-50!important;} 
.bgwhite-9{background-color:(@white)-55!important;} 

// 内、外边距
.p0{padding: 0px;}
.p1{padding: 1px;}
.p2{padding: 2px;}
.p3{padding: 3px;}
.p4{padding: 4px;}
.p5{padding: 5px;}
.p6{padding: 6px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p35{padding:35px;}
.p40{padding:40px;}
.p45{padding:45px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}

.pr1{padding-right:1px;}
.pr2{padding-right:2px;}
.pr3{padding-right:3px;}
.pr4{padding-right:4px;}
.pr5{padding-right:5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}

.pl1{padding-left:1px;}
.pl2{padding-left:2px;}
.pl3{padding-left:3px;}
.pl4{padding-left:4px;}
.pl5{padding-left:5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}

.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.pb1{padding-bottom:1px;}
.pb2{padding-bottom:2px;}
.pb3{padding-bottom:3px;}
.pb4{padding-bottom:4px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}

.m0{margin:0px;}
.m2{margin:2px;}
.m3{margin:3px;}
.m4{margin:4px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m35{margin:35px;}
.m40{margin:40px;}
.m45{margin:45px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

//top left
.r0{right: 0px;}
.r1{right: 1px;}
.r2{right: 2px;}
.r3{right: 3px;}
.r4{right: 4px;}
.r5{right: 5px;}
.r10{right: 10px;}
.r15{right: 15px;}
.r20{right: 20px;}
.r25{right: 25px;}
.r30{right: 30px;}
.r40{right: 40px;}
.r50{right: 50px;}
.t-1{top: -1px;}
.t-2{top: -2px;}
.t-3{top: -3px;}
.t-4{top: -4px;}
.t-5{top: -5px;}
.t-10{top: -10px;}
.t-15{top: -15px;}
.t-20{top: -20px;}
.t-25{top: -25px;}
.t-30{top: -30px;}
.t-40{top: -40px;}
.t-50{top: -50px;}
.t0{top: 0px;}
.t1{top: 1px;}
.t2{top: 2px;}
.t3{top: 3px;}
.t4{top: 4px;}
.t5{top: 5px;}
.t10{top: 10px;}
.t15{top: 15px;}
.t20{top: 20px;}
.t25{top: 25px;}
.t30{top: 30px;}
.t40{top: 40px;}
.t50{top: 50px;}
.b0{bottom: 0px;}
.b1{bottom: 1px;}
.b2{bottom: 2px;}
.b3{bottom: 3px;}
.b4{bottom: 4px;}
.b5{bottom: 5px;}
.b10{bottom: 10px;}
.b15{bottom: 15px;}
.b20{bottom: 20px;}
.b25{bottom: 25px;}
.b30{bottom: 30px;}
.b40{bottom: 40px;}
.b50{bottom: 50px;}
.l0{left: 0px;}
.l1{left: 1px;}
.l2{left: 2px;}
.l3{left: 3px;}
.l4{left: 4px;}
.l5{left: 5px;}
.l10{left: 10px;}
.l15{left: 15px;}
.l20{left: 20px;}
.l25{left: 25px;}
.l30{left: 30px;}
.l40{left: 40px;}
.l50{left: 50px;}
//文字
.tsblack{text-shadow: 1px 1px @black,0px 0px 2px @black!important;}
.tswhite{text-shadow: 1px 1px @white,0px 0px 2px @white!important;}
.tduh:hover{text-decoration: underline;}
.tdu{text-decoration: underline;}
.tdl{text-decoration: line-through;}
.ti{text-indent: 2em;}
.b{font-weight: 700;}
.i{font-style:italic}
.n { font-weight: normal; font-style: normal; }
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.f0{font-size:0;}
.f10{font-size:10px;} 
.f11{font-size:11px;} 
.f12{font-size:12px;} 
.f13{font-size:13px;} 
.f14{font-size:14px;} 
.f15{font-size:15px;} 
.f16{font-size:16px;} 
.f17{font-size:17px;} 
.f18{font-size:18px;} 
.f19{font-size:19px;} 
.f20{font-size:20px;} 
.f21{font-size:21px;} 
.f22{font-size:22px;} 
.f23{font-size:23px;} 
.f24{font-size:24px;} 
.f25{font-size:25px;} 
.f26{font-size:26px;} 
.f27{font-size:27px;} 
.f28{font-size:28px;} 
.f29{font-size:29px;} 
.f30{font-size:30px;} 
.f31{font-size:31px;} 
.f32{font-size:32px;} 
.f33{font-size:33px;} 
.f34{font-size:34px;} 
.f35{font-size:35px;} 
.f36{font-size:36px;} 
.f37{font-size:37px;} 
.f38{font-size:38px;} 
.f39{font-size:39px;} 
.f40{font-size:40px;} 
.f41{font-size:41px;} 
.f42{font-size:42px;} 
.f43{font-size:43px;} 
.f44{font-size:44px;} 
.f45{font-size:45px;} 
.f46{font-size:46px;} 
.f47{font-size:47px;} 
.f48{font-size:48px;} 
.f49{font-size:49px;} 
.f50{font-size:50px;} 
.f51{font-size:51px;} 
.f52{font-size:52px;} 
.f53{font-size:53px;} 
.f54{font-size:54px;} 
.f55{font-size:55px;} 
.f56{font-size:56px;} 
.f57{font-size:57px;} 
.f58{font-size:58px;} 
.f59{font-size:59px;} 
.f60{font-size:60px;} 
.f61{font-size:61px;} 
.f62{font-size:62px;} 
.f63{font-size:63px;} 
.f64{font-size:64px;} 
.f65{font-size:65px;} 
.f66{font-size:66px;} 
.f67{font-size:67px;} 
.f68{font-size:68px;} 
.f69{font-size:69px;} 
.f70{font-size:70px;} 
.f71{font-size:71px;} 
.f72{font-size:72px;} 
.f73{font-size:73px;} 
.f74{font-size:74px;} 
.f75{font-size:75px;} 
.f76{font-size:76px;} 
.f77{font-size:77px;} 
.f78{font-size:78px;} 
.f79{font-size:79px;} 
.f80{font-size:80px;} 
.f81{font-size:81px;} 
.f82{font-size:82px;} 
.f83{font-size:83px;} 
.f84{font-size:84px;} 
.f85{font-size:85px;} 
.f86{font-size:86px;} 
.f87{font-size:87px;} 
.f88{font-size:88px;} 
.f89{font-size:89px;} 
.f90{font-size:90px;} 
.f91{font-size:91px;} 
.f92{font-size:92px;} 
.f93{font-size:93px;} 
.f94{font-size:94px;} 
.f95{font-size:95px;} 
.f96{font-size:96px;} 
.f97{font-size:97px;} 
.f98{font-size:98px;} 
.f99{font-size:99px;} 
.f100{font-size:100px;} 
.f101{font-size:101px;} 
.f102{font-size:102px;} 
.f103{font-size:103px;} 
.f104{font-size:104px;} 
.f105{font-size:105px;} 
.f106{font-size:106px;} 
.f107{font-size:107px;} 
.f108{font-size:108px;} 
.f109{font-size:109px;} 
.f110{font-size:110px;} 
.f111{font-size:111px;} 
.f112{font-size:112px;} 
.f113{font-size:113px;} 
.f114{font-size:114px;} 
.f115{font-size:115px;} 
.f116{font-size:116px;} 
.f117{font-size:117px;} 
.f118{font-size:118px;} 
.f119{font-size:119px;} 
.f120{font-size:120px;} 
.fa { font-family: Arial; }
.ft { font-family: Tahoma; }
.fv { font-family: Verdana; }
.fs { font-family: Simsun; }
.fg { font-family: georgia; }
.fl { font-family: 'Lucida Console'; }
.fm { font-family: 'Microsoft Yahei'; }
.fc{ font-family: Consolas, 'Liberation Mono', Courier, monospace; }
//边框
.bdc { border: 1px solid #ccc; }
.blc { border-left: 1px solid #ccc; }
.brc { border-right: 1px solid #ccc; }
.btc { border-top: 1px solid #ccc; }
.bbc { border-bottom: 1px solid #ccc; }

.bdd { border: 1px solid #ddd; }
.bld { border-left: 1px solid #ddd; }
.brd { border-right: 1px solid #ddd; }
.btd { border-top: 1px solid #ddd; }
.bbd { border-bottom: 1px solid #ddd; }

.bde { border: 1px solid #eee; }
.ble { border-left: 1px solid #eee; }
.bre { border-right: 1px solid #eee; }
.bte { border-top: 1px solid #eee; }
.bbe { border-bottom: 1px solid #eee; }

.bd1{border:1px solid;} 
.bdt1{border-top:1px solid;} 
.bdb1{border-bottom:1px solid;} 
.bdl1{border-left:1px solid;}
.bdr1{border-right:1px solid;}
.bd2{border:2px solid;} 
.bdt2{border-top:2px solid;} 
.bdb2{border-bottom:2px solid;} 
.bdl2{border-left:2px solid;}
.bdr2{border-right:2px solid;}
.bd3{border:3px solid;} 
.bdt3{border-top:3px solid;} 
.bdb3{border-bottom:3px solid;} 
.bdl3{border-left:3px solid;}
.bdr3{border-right:3px solid;}
.bd4{border:4px solid;} 
.bdt4{border-top:4px solid;} 
.bdb4{border-bottom:4px solid;} 
.bdl4{border-left:4px solid;}
.bdr4{border-right:4px solid;}
.bd5{border:5px solid;} 
.bdt5{border-top:5px solid;} 
.bdb5{border-bottom:5px solid;} 
.bdl5{border-left:5px solid;}
.bdr5{border-right:5px solid;}
.bd6{border:6px solid;} 
.bdt6{border-top:6px solid;} 
.bdb6{border-bottom:6px solid;} 
.bdl6{border-left:6px solid;}
.bdr6{border-right:6px solid;}
.bd7{border:7px solid;} 
.bdt7{border-top:7px solid;} 
.bdb7{border-bottom:7px solid;} 
.bdl7{border-left:7px solid;}
.bdr7{border-right:7px solid;}
.bd8{border:8px solid;} 
.bdt8{border-top:8px solid;} 
.bdb8{border-bottom:8px solid;} 
.bdl8{border-left:8px solid;}
.bdr8{border-right:8px solid;}
.bd9{border:9px solid;} 
.bdt9{border-top:9px solid;} 
.bdb9{border-bottom:9px solid;} 
.bdl9{border-left:9px solid;}
.bdr9{border-right:9px solid;}
.bd10{border:10px solid;} 
.bdt10{border-top:10px solid;} 
.bdb10{border-bottom:10px solid;} 
.bdl10{border-left:10px solid;}
.bdr10{border-right:10px solid;}


.bdnavy5{border-color:(@navy)+100!important;} 
.bdnavy4{border-color:(@navy)+80!important;} 
.bdnavy3{border-color:(@navy)+60!important;} 
.bdnavy2{border-color:(@navy)+40!important;} 
.bdnavy1{border-color:(@navy)+20!important;} 
.bdnavy{border-color:@navy!important;} 
.bdnavy-1{border-color:(@navy)-20!important;} 
.bdnavy-2{border-color:(@navy)-40!important;} 
.bdnavy-3{border-color:(@navy)-60!important;} 
.bdnavy-4{border-color:(@navy)-80!important;} 
.bdnavy-5{border-color:(@navy)-100!important;} 
.bdblue5{border-color:(@blue)+100!important;} 
.bdblue4{border-color:(@blue)+80!important;} 
.bdblue3{border-color:(@blue)+60!important;} 
.bdblue2{border-color:(@blue)+40!important;} 
.bdblue1{border-color:(@blue)+20!important;} 
.bdblue{border-color:@blue!important;} 
.bdblue-1{border-color:(@blue)-20!important;} 
.bdblue-2{border-color:(@blue)-40!important;} 
.bdblue-3{border-color:(@blue)-60!important;} 
.bdblue-4{border-color:(@blue)-80!important;} 
.bdblue-5{border-color:(@blue)-100!important;} 
.bdaqua5{border-color:(@aqua)+100!important;} 
.bdaqua4{border-color:(@aqua)+80!important;} 
.bdaqua3{border-color:(@aqua)+60!important;} 
.bdaqua2{border-color:(@aqua)+40!important;} 
.bdaqua1{border-color:(@aqua)+20!important;} 
.bdaqua{border-color:@aqua!important;} 
.bdaqua-1{border-color:(@aqua)-20!important;} 
.bdaqua-2{border-color:(@aqua)-40!important;} 
.bdaqua-3{border-color:(@aqua)-60!important;} 
.bdaqua-4{border-color:(@aqua)-80!important;} 
.bdaqua-5{border-color:(@aqua)-100!important;} 
.bdteal5{border-color:(@teal)+100!important;} 
.bdteal4{border-color:(@teal)+80!important;} 
.bdteal3{border-color:(@teal)+60!important;} 
.bdteal2{border-color:(@teal)+40!important;} 
.bdteal1{border-color:(@teal)+20!important;} 
.bdteal{border-color:@teal!important;} 
.bdteal-1{border-color:(@teal)-20!important;} 
.bdteal-2{border-color:(@teal)-40!important;} 
.bdteal-3{border-color:(@teal)-60!important;} 
.bdteal-4{border-color:(@teal)-80!important;} 
.bdteal-5{border-color:(@teal)-100!important;} 
.bdolive5{border-color:(@olive)+100!important;} 
.bdolive4{border-color:(@olive)+80!important;} 
.bdolive3{border-color:(@olive)+60!important;} 
.bdolive2{border-color:(@olive)+40!important;} 
.bdolive1{border-color:(@olive)+20!important;} 
.bdolive{border-color:@olive!important;} 
.bdolive-1{border-color:(@olive)-20!important;} 
.bdolive-2{border-color:(@olive)-40!important;} 
.bdolive-3{border-color:(@olive)-60!important;} 
.bdolive-4{border-color:(@olive)-80!important;} 
.bdolive-5{border-color:(@olive)-100!important;} 
.bdgreen5{border-color:(@green)+100!important;} 
.bdgreen4{border-color:(@green)+80!important;} 
.bdgreen3{border-color:(@green)+60!important;} 
.bdgreen2{border-color:(@green)+40!important;} 
.bdgreen1{border-color:(@green)+20!important;} 
.bdgreen{border-color:@green!important;} 
.bdgreen-1{border-color:(@green)-20!important;} 
.bdgreen-2{border-color:(@green)-40!important;} 
.bdgreen-3{border-color:(@green)-60!important;} 
.bdgreen-4{border-color:(@green)-80!important;} 
.bdgreen-5{border-color:(@green)-100!important;} 
.bdlime5{border-color:(@lime)+100!important;} 
.bdlime4{border-color:(@lime)+80!important;} 
.bdlime3{border-color:(@lime)+60!important;} 
.bdlime2{border-color:(@lime)+40!important;} 
.bdlime1{border-color:(@lime)+20!important;} 
.bdlime{border-color:@lime!important;} 
.bdlime-1{border-color:(@lime)-20!important;} 
.bdlime-2{border-color:(@lime)-40!important;} 
.bdlime-3{border-color:(@lime)-60!important;} 
.bdlime-4{border-color:(@lime)-80!important;} 
.bdlime-5{border-color:(@lime)-100!important;} 
.bdyellow5{border-color:(@yellow)+100!important;} 
.bdyellow4{border-color:(@yellow)+80!important;} 
.bdyellow3{border-color:(@yellow)+60!important;} 
.bdyellow2{border-color:(@yellow)+40!important;} 
.bdyellow1{border-color:(@yellow)+20!important;} 
.bdyellow{border-color:@yellow!important;} 
.bdyellow-1{border-color:(@yellow)-20!important;} 
.bdyellow-2{border-color:(@yellow)-40!important;} 
.bdyellow-3{border-color:(@yellow)-60!important;} 
.bdyellow-4{border-color:(@yellow)-80!important;} 
.bdyellow-5{border-color:(@yellow)-100!important;} 
.bdorange5{border-color:(@orange)+100!important;} 
.bdorange4{border-color:(@orange)+80!important;} 
.bdorange3{border-color:(@orange)+60!important;} 
.bdorange2{border-color:(@orange)+40!important;} 
.bdorange1{border-color:(@orange)+20!important;} 
.bdorange{border-color:@orange!important;} 
.bdorange-1{border-color:(@orange)-20!important;} 
.bdorange-2{border-color:(@orange)-40!important;} 
.bdorange-3{border-color:(@orange)-60!important;} 
.bdorange-4{border-color:(@orange)-80!important;} 
.bdorange-5{border-color:(@orange)-100!important;} 
.bdred5{border-color:(@red)+100!important;} 
.bdred4{border-color:(@red)+80!important;} 
.bdred3{border-color:(@red)+60!important;} 
.bdred2{border-color:(@red)+40!important;} 
.bdred1{border-color:(@red)+20!important;} 
.bdred{border-color:@red!important;} 
.bdred-1{border-color:(@red)-20!important;} 
.bdred-2{border-color:(@red)-40!important;} 
.bdred-3{border-color:(@red)-60!important;} 
.bdred-4{border-color:(@red)-80!important;} 
.bdred-5{border-color:(@red)-100!important;} 
.bdmaroon5{border-color:(@maroon)+100!important;} 
.bdmaroon4{border-color:(@maroon)+80!important;} 
.bdmaroon3{border-color:(@maroon)+60!important;} 
.bdmaroon2{border-color:(@maroon)+40!important;} 
.bdmaroon1{border-color:(@maroon)+20!important;} 
.bdmaroon{border-color:@maroon!important;} 
.bdmaroon-1{border-color:(@maroon)-20!important;} 
.bdmaroon-2{border-color:(@maroon)-40!important;} 
.bdmaroon-3{border-color:(@maroon)-60!important;} 
.bdmaroon-4{border-color:(@maroon)-80!important;} 
.bdmaroon-5{border-color:(@maroon)-100!important;} 
.bdfuchsia5{border-color:(@fuchsia)+100!important;} 
.bdfuchsia4{border-color:(@fuchsia)+80!important;} 
.bdfuchsia3{border-color:(@fuchsia)+60!important;} 
.bdfuchsia2{border-color:(@fuchsia)+40!important;} 
.bdfuchsia1{border-color:(@fuchsia)+20!important;} 
.bdfuchsia{border-color:@fuchsia!important;} 
.bdfuchsia-1{border-color:(@fuchsia)-20!important;} 
.bdfuchsia-2{border-color:(@fuchsia)-40!important;} 
.bdfuchsia-3{border-color:(@fuchsia)-60!important;} 
.bdfuchsia-4{border-color:(@fuchsia)-80!important;} 
.bdfuchsia-5{border-color:(@fuchsia)-100!important;} 
.bdpurple5{border-color:(@purple)+100!important;} 
.bdpurple4{border-color:(@purple)+80!important;} 
.bdpurple3{border-color:(@purple)+60!important;} 
.bdpurple2{border-color:(@purple)+40!important;} 
.bdpurple1{border-color:(@purple)+20!important;} 
.bdpurple{border-color:@purple!important;} 
.bdpurple-1{border-color:(@purple)-20!important;} 
.bdpurple-2{border-color:(@purple)-40!important;} 
.bdpurple-3{border-color:(@purple)-60!important;} 
.bdpurple-4{border-color:(@purple)-80!important;} 
.bdpurple-5{border-color:(@purple)-100!important;} 
.bdsilver5{border-color:(@silver)+100!important;} 
.bdsilver4{border-color:(@silver)+80!important;} 
.bdsilver3{border-color:(@silver)+60!important;} 
.bdsilver2{border-color:(@silver)+40!important;} 
.bdsilver1{border-color:(@silver)+20!important;} 
.bdsilver{border-color:@silver!important;} 
.bdsilver-1{border-color:(@silver)-20!important;} 
.bdsilver-2{border-color:(@silver)-40!important;} 
.bdsilver-3{border-color:(@silver)-60!important;} 
.bdsilver-4{border-color:(@silver)-80!important;} 
.bdsilver-5{border-color:(@silver)-100!important;} 
.bdgray5{border-color:(@gray)+100!important;} 
.bdgray4{border-color:(@gray)+80!important;} 
.bdgray3{border-color:(@gray)+60!important;} 
.bdgray2{border-color:(@gray)+40!important;} 
.bdgray1{border-color:(@gray)+20!important;} 
.bdgray{border-color:@gray!important;} 
.bdgray-1{border-color:(@gray)-20!important;} 
.bdgray-2{border-color:(@gray)-40!important;} 
.bdgray-3{border-color:(@gray)-60!important;} 
.bdgray-4{border-color:(@gray)-80!important;} 
.bdgray-5{border-color:(@gray)-100!important;} 
.bdcolor5{border-color:(@color)+100!important;} 
.bdcolor4{border-color:(@color)+80!important;} 
.bdcolor3{border-color:(@color)+60!important;} 
.bdcolor2{border-color:(@color)+40!important;} 
.bdcolor1{border-color:(@color)+20!important;} 
.bdcolor{border-color:@color!important;} 
.bdcolor-1{border-color:(@color)-20!important;} 
.bdcolor-2{border-color:(@color)-40!important;} 
.bdcolor-3{border-color:(@color)-60!important;} 
.bdcolor-4{border-color:(@color)-80!important;} 
.bdcolor-5{border-color:(@color)-100!important;} 
.bdblack5{border-color:(@black)+100!important;} 
.bdblack4{border-color:(@black)+80!important;} 
.bdblack3{border-color:(@black)+60!important;} 
.bdblack2{border-color:(@black)+40!important;} 
.bdblack1{border-color:(@black)+20!important;} 
.bdblack{border-color:@black!important;} 
.bdblack-1{border-color:(@black)-20!important;} 
.bdblack-2{border-color:(@black)-40!important;} 
.bdblack-3{border-color:(@black)-60!important;} 
.bdblack-4{border-color:(@black)-80!important;} 
.bdblack-5{border-color:(@black)-100!important;} 
.bdwhite5{border-color:(@white)+100!important;} 
.bdwhite4{border-color:(@white)+80!important;} 
.bdwhite3{border-color:(@white)+60!important;} 
.bdwhite2{border-color:(@white)+40!important;} 
.bdwhite1{border-color:(@white)+20!important;} 
.bdwhite{border-color:@white!important;} 
.bdwhite-1{border-color:(@white)-20!important;} 
.bdwhite-2{border-color:(@white)-40!important;} 
.bdwhite-3{border-color:(@white)-60!important;} 
.bdwhite-4{border-color:(@white)-80!important;} 
.bdwhite-5{border-color:(@white)-100!important;} 

//格式化
.pre{white-space: pre-wrap;}
.ws { white-space: nowrap; }
.bk { word-wrap: break-word; }
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }
//大小不定元素垂直居中
.vmd { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
//z-index
.zi1 { z-index: 1; }
.zi2 { z-index: 2; }
.zi3 { z-index: 3; }
.zi4 { z-index: 4; }
.zi5 { z-index: 5; }
.zi6 { z-index: 6; }
.zi7 { z-index: 7; }
.zi8 { z-index: 8; }
.zi9 { z-index: 9; }
.zi10 { z-index: 10; }
.zi100 { z-index: 100; }
.zi200 { z-index: 200; }
.zi300 { z-index: 300; }
.zi400 { z-index: 400; }
.zi500 { z-index: 500; }
.zi600 { z-index: 600; }
.zi700 { z-index: 700; }
.zi800 { z-index: 800; }
.zi900 { z-index: 900; }
.zi1000 { z-index: 1000; }
//cursor
.cp { cursor: pointer; }
.cm { cursor:move; }
.cd { cursor: default; }
//清除浮动
.z { *zoom: 1; }
.of{overflow: hidden;}
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
//圆角
.rad50{border-radius:50%;}
.rad2{border-radius:.2em;}
.rad3{border-radius:.3em;}
.rad4{border-radius:.4em;}
.rad5{border-radius:.5em;}
.rad6{border-radius:.6em;}
.rad7{border-radius:.7em;}
.rad8{border-radius:.8em;}
.rad9{border-radius:.9em;}
//透明
.opa0{opacity:0;filter:alpha(opacity=0);}
.opa10{opacity:.1;filter:alpha(opacity=10);}
.opa20{opacity:.2;filter:alpha(opacity=20);}
.opa30{opacity:.3;filter:alpha(opacity=30);}
.opa40{opacity:.4;filter:alpha(opacity=40);}
.opa50{opacity:.5;filter:alpha(opacity=50);}
.opa60{opacity:.6;filter:alpha(opacity=60);}
.opa70{opacity:.7;filter:alpha(opacity=70);}
.opa80{opacity:.8;filter:alpha(opacity=80);}
.opa90{opacity:.9;filter:alpha(opacity=90);}
.opa100{opacity:1;filter:alpha(opacity=100);}
//阴影
.bs{box-shadow: 1px 1px #333;}
//css3过渡动画效果
.trans { //过渡
	-webkit-transition: all .4s;    
	transition: all .4s; 
}
.scale{ //鼠标滑过放大效果
		-webkit-transition: all .9s;    
		transition: all .9s; 
	&:hover{
		-webkit-transform:scale(1.5,1.5);
		-transform:scale(1.5,1.5);
	}
}
.spin{ //移入旋转
	-webkit-transition: all .6s;    
	transition: all .6s; 
	&:hover{
		display:inline-block;
		-moz-animation:spin 2s infinite linear;
		-o-animation:spin 2s infinite linear;
		-webkit-animation:spin 2s infinite linear;
		animation:spin 2s infinite linear;
	}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}
@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}
@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}

//按钮
// .btn{display: inline-block;*display: inline;margin-bottom: 0;vertical-align: middle;padding:.3em .7em;overflow: visible; cursor: pointer;border: 0 none; border: 1px solid rgba(0,0,0,.25);border-radius:.3em;text-align: center; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,.5); font-family: inherit; font-weight: inherit; white-space: nowrap;box-shadow: 0 1px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.25); color: #fff;background-image: linear-gradient(to bottom, rgba(200,200,200,.3), rgba(200,200,200,0));}
.btn{
	position:relative;
	min-height: 1.5em;
	display: inline-block;
	padding:.5em .7em;
	cursor: pointer;
	opacity: 0.9;filter:alpha(opacity=90);
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;
	// background: #434343;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	-webkit-transition: all 0.1s linear;
	-khtml-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	&:hover{
		/*
		鼠标悬停时的按钮多层阴影效果，和按钮默认时相比只是第一层有变化：
		第一层：X轴偏移2像素、Y轴偏移5像素、不透明度为0.5的黑色外阴影效果
		*/
		opacity: 1;filter:alpha(opacity=100);
		-webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	}
	&:active{
		-webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	}
	&.disabled{
		opacity:.5;filter:alpha(opacity=50);cursor:not-allowed;
		-webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		-o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
		box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
	}
}
//如果要继承上级属性就加上 font-size : 100%; 
// .btn:hover, .btn:focus {text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.2));}
.btn:before {
	content: ''; 
	display: block;
	position: absolute;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	padding: 0px 1.5em;
	top: 0px;
	left: 0px;
	height: 1px;
	-webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
	-khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
	-moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
	-o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
	box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-khtml-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn:hover:before {left: 1em;}
.btn:active:before,.btn.disabled:before {opacity: 0;filter:alpla(opacity=0);}
//禁用样式
.disabled{
	opacity:.5;filter:alpha(opacity=50);cursor:not-allowed;
}
//两端对齐
.rows {
    text-align: justify;
    *text-justify:inter-ideograph; //IE私有属性
}
.span {
    vertical-align: top;
    display: inline-block;
    *display:inline;
    *zoom:1;
}
.spanlast { 
    width: 100%;
    height: 0;
    padding: 0;
    font-size: 0;
    overflow: hidden;
}
.rows:after{
	content:"";
	vertical-align: top;
	display: inline-block;
	*display:inline;
	*zoom:1;
	width: 100%;
	height: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}
.rows .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.rows .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.rows .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.rows .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.rows .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.rows .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.rows .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.rows .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.rows .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.rows .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.rows .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.rows .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
//末尾加上同样数量的 class="justify spanleft 就会靠左边对齐
.spanleft{height:0; padding:0; overflow:hidden;}

//================扩展CSS==============
//表格样式
.table{ 
    width:100%;
    border:1px solid #ddd;
    &.gray{background:#f5f5f5;}
    &.border{
	    tr{
		    	th{box-shadow:inset 0 -2px @color,-1px 0 #ddd,1px 0 #fff;}
		    	td{box-shadow: 0 -1px #fff,0 -2px #ddd,1px 0 #ddd,2px 0 #fff;}
	    	}
    }
    &.odd{
    	tr:nth-child(odd){background:#fcfcfc;}
    	tr:hover{ background:#f0f0f0; }
    }
    &.even{
    	tr:nth-child(even){background:#fcfcfc;}
    	tr:hover{ background:#f0f0f0; }
    }
    tr{
        // border-bottom:1px solid #eee;
        th{
            background: #eee;padding:8px;
            box-shadow: inset 0 1px #ddd;
            color:#999;font-size:14px;
            font-family: 'Microsoft YaHei';
            text-shadow: 1px 1px #fff;
            letter-spacing: .2em;
            box-shadow:inset 0 -3px @color;
         }        
         td{
            padding:8px;
            box-shadow: 0 -1px #fff,0 -2px #ddd;
        }
        td.stitle{
            padding-right: 15px;
            text-align: right;font-family: 'Microsoft YaHei';
            font-size: 14px;color: #333;
        }
        &:hover{background:#f0f0f0;}
    }
}
//表单样式
button:focus,input:focus{
	outline: none;
}
.form{
    input[type="text"],select,textarea,fieldset{
        padding:.5em;
        font-family: Tahoma;
        vertical-align: middle;
        border:1px solid #ccc;
        box-shadow:inset 0 0 2px #ddd;
        resize:none;
        color:#666;
        legend{background: #fff;font-size: 13px;color:#666;font-weight: 700;border:1px solid #ddd;padding:.5em;}
        option{ 
            &.disabled{color: #ccc;}
        }
        &:hover{
            box-shadow:inset 0 0 1px @color;
            border:1px solid lighten(@color, 20%);
            outline: none;
            // border-radius: .5em;
        }
        &:focus{
            box-shadow:inset 0px 0px 1px @color;
            border:1px solid lighten(@color, 5%);
            outline: none;
            color:@color;
            // background: lighten(@color, 67%);
            border-radius: .2em;
        }
        &:disabled{border-color:#ddd;color:#ccc;background: #f1f1f1;}
        

        &::-webkit-input-placeholder{color:#ddd;}
        &:-moz-placeholder{color:#ddd;}
        &:-ms-input-placeholder{color:#ddd;}
    }
	input[type="checkbox"],input[type="checkbox"]:focus,
	input[type="radio"],input[type="radio"]:focus{
	  box-sizing: border-box;
	  padding: 0;
	  border:none;box-shadow: 0;
	}
	// input[type="submit"]{cursor: pointer;box-shadow: 0 1px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.25);}
	// input[type="submit"]:hover{ box-shadow:inset 0 0 1px @color;border:1px solid lighten(@color, 20%);outline: none;}
}
// 插件弹窗
.msgContentClassBg{
    background:@black;
    position:absolute;
    z-index:900;
    display:none;
}
.msgContentClass{
    position:absolute;
    padding:10px;
    z-index:999;
    display:none;
    max-width:1200px;
    width:100%;height:100%;
    // box-shadow:inset 0 0 1px @color,5px 5px 20px @color;
    // opacity: .95;
	  .msgContentBorder{
	  	position:absolute;
	  	top:-11px;left:-11px;
	  	z-index: 5;
		background: #666;
		width:100%;height: 100%;
		max-width:1200px;
		box-shadow: 0 0 3px @black,0 0 5px @black,0 0 8px @black;
		border:1px solid #000;
		opacity: .2;
		filter:alpha(opacity=20);
	}
	.msgContentStr{
		position:absolute;
		top:0px;left:0px;
		padding:5px;
		z-index: 10;
		border:1px solid @gray+30;
		background:#fff;
	}
}
.closeMsgB{
    color:#333;
    display:inline-block;
    height:25px;
    width:25px;text-align: center;
    font-size:30px;
    line-height: 25px;
    cursor:pointer;
    position:absolute;
    right:-5px;top:-20px;
    border-radius:50%;
    background:#999;
    color:#ddd;
    font-family:Arial;
    border:1px solid #888;
    box-shadow:0px 0px 2px @black;
    z-index: 15;
    &:hover{background: @color;color:#fff;}
}
//插件弹出确认窗口
.LDFconfirm{
    position: absolute;
    left:0px;top:0px;
    box-shadow:inset 0 0 1px @color,1px 1px 2px @color,0 0 5px @color,0 0 10px @color;
    background: #fff;
    padding:10px;
    border:4px solid #fff;
    z-index: 998;
    .cont{
        color:#333;
        font-weight: 700;
        font-size: 16px;
        font-family: 'Microsoft YaHei';
        padding:20px;
        text-align: center;
    }
    .bottom{
        text-align: center;
        padding: 10px;
        a{
            display: inline-block;
            margin-right: 8px;
            padding:5px 10px;
            border:1px solid #ddd;
            color:#fff;
            font-size: 14px;
            font-family: 'Microsoft YaHei';
            &.yes{ background: @color; }
            &.no{ background: #ccc; }
            &:hover{background: @color+50;}
        }
    }
}
//自动大图
.showPicCont{
    position:absolute;
    left:0;top:0;
    border:2px solid #ddd;
    padding:5px;
    background:#fff;
    z-index:5;
    max-width:300px;
    display: none;
    box-shadow: 0 0 30px #666;
}
//模拟表单
.selected{
    display: inline-block;
    *display: inline;
    position: relative;
    padding:.5em;
    padding-right:2em;
    font-family: Tahoma;
    vertical-align: middle;
    border:1px solid #ddd;
    box-shadow:inset 0 0 2px #ddd;
    color:#666;
    min-width: 80px;
    background: #fff;
    b{font-weight: 400;}
    .Down{
        position: absolute;right:8px;top:42%;
        display: inline-block;
        border: 6px solid; 
        border-bottom-color: transparent!important;  
        border-left-color: transparent!important; 
        border-right-color: transparent!important; 
        border-top-color: lighten(@color, 20%);
        font-size: 1px;
    }
    .subSelect{
        position: absolute;top:0px;left:0px;border:1px solid #ccc;
        display: none;
        max-height: 400px;
        overflow: auto;background: #fff;
        // box-shadow: 2px 2px 5px @color;
        .sub{
            // margin:5px;
            // width:101px;
            background: #fff;
            padding:5px;
            &:hover{ 
                color:#fff;cursor:pointer;
                background: @color;
                // background-image:linear-gradient(to bottom,rgba(255,255,255,.6), rgba(255,255,255,.1), rgba(255,255,255,0) ,rgba(255,455,255,.3));
            }
            &.disabled{border-color:#ddd;color:#ccc;background: #fff;cursor:auto;}
        }
        &:hover{
            box-shadow:inset 0 0 1px @color;
            border:1px solid lighten(@color, 10%);
        }
    }
    &:hover{
        box-shadow:inset 0 0 1px @color;
        border:1px solid lighten(@color, 10%);
        outline: none;
        // border-radius: .5em;
    }
}
// menu菜单
.Menu{
    padding: 10px;
    border-bottom:4px solid #ccc;
    // overflow: hidden;
    background: #F5F5F5;
    letter-spacing: -4px;
    // box-shadow: 0 -1px 7px #000;
    & > a{
        display: inline-block;
        *display: inline;
        letter-spacing: 0;
        // float: left;
        padding: 5px 10px;
        border-bottom:2px solid #fff;
        box-shadow:inset 0px -1px #ddd;
        text-shadow: 1px 1px #fff;
        color:#666;
        font-size: 14px;
        font-family: 'Microsoft YaHei';
        margin-right: 0px;
        &.act,&:hover{
            border-bottom: 2px solid @color;
            color:@color;
            box-shadow:inset 0 0 1px #fff;
            background: #fff;
        }
    }
}
// tab菜单
.tabMenu{
    border-bottom:1px solid #ccc;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    a{
        display: block;
        float: left;
        padding: 5px 10px;
        font-size: inherit;
        background: #ccc;
        color:#fff;
        margin-right: 1px;
        border-top-left-radius: .3em;
        border-top-right-radius: .3em;
        &.act{
            background: @color+60;
        }
    }
} 
.tabSub{
	position: relative;
	overflow: hidden;
    dd{
        display: none;
        padding: 10px;
        // position: absolute;left: 0;top:0;
        width:100%;
        &.act{
            display: block;
        }
    }
}
//点赞之后飞出的数字
.FlyCont{color:@black;font-size:26px;font-family: verdana;}
//======================
// 分页
.page{
    padding:10px;
    text-align: center;
    span,a,strong{
        border:1px solid lighten(@color, 10%);
        display: inline-block;
        padding:3px 6px;
        margin-right: 5px;
        color:@color;
        &.act{
            background: lighten(@color, 5%);
            color:#fff;
        }
        &:hover{
            background: lighten(@color, 15%);
            color:#fff;
        }
    }
    strong{
        background: lighten(@color, 5%);
        color:#fff;
    }
}
//validate验证表单===========
.formWarning{
	background:@color;box-shadow:inset 0 0 1px @color,inset 0 0 2px @color,inset 0 0 4px @color, 0 0 2px @color, 0 0 4px @color, 0 0 5px @color, 0 0 6px @color, 0 0 10px @color;
}
.formError{box-shadow:inset 0 0 1px @color,inset 0 0 2px @color!important;border-color:@color!important;}


//滚动选项卡
.scrollMenu{
	left:50px;top:50px;
	border:1px solid #ccc;
	background: #ddd;
	overflow: hidden;
	padding: 20px;
	z-index: 100;
	a{
		display: block;
		background: #333;
		color:white;
		font-size: 16px;
		font-family: 'Microsoft YaHei';
		padding: 8px;
		i{color:green;}
		&:hover{
			background: #666!important;
			i{color:white;}
		}
		&.act{
			background: #49BFBF;
			i{color:white;}
		}
	}
}

//================扩展css结束===========


//bootstrap======================
.row {
  width: 100%;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

.row [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row [class*="span"]:first-child {
  margin-left: 0;
}


.row .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="span"].hide,
.row [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row [class*="span"].pull-right {
  float: right;
}

.content {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.content:before,
.content:after {
  display: table;
  line-height: 0;
  content: "";
}

.content:after {
  clear: both;
}

.content {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}

.content:before,
.content:after {
  display: table;
  line-height: 0;
  content: "";
}

.content:after {
  clear: both;
}


//老地方栅格系统
.row6,.row9,.row12,.row15{
	zoom:1;
	clear: both;
	&:after,&:before{
		content: '';
		display: table;
	}
	&:after{clear: both;}
	& [class*='span']{
		float: left;
	}
}
.row6{
	//计算方法100%/6 * 列数
	& .span1{ width: 16.6666666666667%; }
	& .span2{ width: 33.3333333333333%; }
	& .span3{ width: 50%; }
	& .span4{ width: 66.6666666666667%; }
	& .span5{ width: 83.3333333333333%; }
	& .span6{ width: 100%; }
}
.row9{
	//计算方法100%/9 * 列数
	& .span1{ width: 11.1111111111111%; }
	& .span2{ width: 22.2222222222222%; }
	& .span3{ width: 33.3333333333333%; }
	& .span4{ width: 44.4444444444444%; }
	& .span5{ width: 55.5555555555556%; }
	& .span6{ width: 66.6666666666667%; }
	& .span7{ width: 77.7777777777778%; }
	& .span8{ width: 88.8888888888889%; }
	& .span9{ width: 100%; }
}
.row12{
	//计算方法100%/12 * 列数
	& .span1{ width: 8.333333333333334%; }
	& .span2{ width: 16.666666666666668%; }
	& .span3{ width: 25%; }
	& .span4{ width: 33.333333333333336%; }
	& .span5{ width: 41.666666666666664%; }
	& .span6{ width: 50%; }
	& .span7{ width: 58.333333333333336%; }
	& .span8{ width: 66.66666666666667%; }
	& .span9{ width: 75%; }
	& .span10{ width: 83.33333333333333%; }
	& .span11{ width: 91.66666666666667%; }
	& .span12{ width: 100%; }
}
.row15{
	//计算方法100%/15 * 列数
	& .span1{ width: 6.6666666666667%; }
	& .span2{ width: 13.3333333333333% }	
	& .span3{ width: 20%; }
	& .span4{ width: 26.6666666666667%; }
	& .span5{ width: 33.3333333333333%; }
	& .span6{ width: 40%; }
	& .span7{ width: 46.6666666666667%; }
	& .span8{ width: 53.3333333333333%; }
	& .span9{ width: 60%; }
	& .span10{ width: 66.6666666666667%; }
	& .span11{ width: 73.3333333333333%; }
	& .span12{ width: 80%; }
	& .span13{ width: 86.6666666666667%; }
	& .span14{ width: 93.3333333333333%; }
	& .span15{ width: 100%; }
}

